<template>
	<div>
		
    <NodeItem :menuList="nodeList"/>
    <LeafItem :menuList="leafList"/>
	</div>
</template>
<script lang="ts" setup name="commonMemuPage">
import LeafItem from './leafItem.vue';
import NodeItem from './nodeItem.vue';
//------------------接收传入参数(组件)-------------------
const props = defineProps({
	menuList: {
		type: Array,
		default: () => [],
	},
});
const leafList = computed(() => {
	return props.menuList.filter((item: any) => item.meta?.type !== '0');
});
const nodeList = computed(() => {
	return props.menuList.filter((item: any) => item.meta?.type === '0');
});
</script>
<style scoped lang="scss">

</style>
